﻿
	<title>管理员列表 - 管理员列表 - H-ui.admin v3.0</title>
	<style type="text/css">
		.pagination li{list-style:none;float:left;margin-left:10px;
			padding:0 10px;
			background-color:#5a98de;
			border:1px solid #ccc;
			height:26px;
			line-height:26px;
			cursor:pointer;
			color:#fff;
		}
		.pagination li a{color:white;padding: 0;line-height: inherit;border: none;}
		.pagination li a:hover{background-color: #5a98de;}
		.pagination li.active{background-color:white;color:gray;}
		.pagination li.disabled{background-color:white;color:gray;}
	</style>
<div class="Hui-article-box">
	<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
		<span class="c-gray en">&gt;</span>
		管理员管理
		<span class="c-gray en">&gt;</span>
		管理员列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a> </nav>
	<div class="Hui-article">
		<div class="cl pd-20">
			<div class="text-c">
				<form class="Huiform" method="post" target="_self">
					<input type="text" class="input-text" style="width:250px" placeholder="输入管理员名称" name="keyword" value="{$Request.param.keyword}">
					<button type="submit" class="btn btn-success" name=""><i class="Hui-iconfont">&#xe665;</i> 搜用户</button>
				</form>
			</div>
			<div class="cl pd-5 bg-1 bk-gray mt-20">
				<span class="l"><a href="javascript:;" id="add" data-url="adminadd" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加管理员</a> </span>
				<span class="r">共有数据：<strong>{$list->total()}</strong> 条</span>
			</div>
			<table class="table table-border table-bordered table-bg table-sort">
				<thead>
					<tr>
						<th scope="col" colspan="9">员工列表</th>
					</tr>
					<tr class="text-c">
						<th width="25"><input type="checkbox" name="" value=""></th>
						<th width="40">ID</th>
						<th width="150">登录名</th>
						<th width="120">昵称</th>
						<th width="150">邮箱</th>
						<th>角色</th>
						<th width="130">加入时间</th>
						<th width="100">是否已启用</th>
						<th width="100">操作</th>
					</tr>
				</thead>
				<tbody>
					{foreach $list as $value}
					<tr class="text-c">
						<td><input type="checkbox" value="{$value.id}" name=""></td>
						<td>{$value.id}</td>
						<td>{$value.username}</td>
						<td>{$value.nickname}</td>
						<td>{$value.email}</td>
						<td>{$value.role_name}</td>
						<td>{$value.create_time}</td>
						<td class="td-status">
							<span class="label-success label radius state" uid="{$value.id}">{$value.status == 1 ? '已启用' : '已禁用'}</span>
						</td>
						<td class="td-manage">
							<a title="编辑" data-url="adminedit/{$value.id}" href="javascript:;" class="ml-5 edit" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
							<a title="删除" data-url="admindelete/{$value.id}" href="javascript:;" class="ml-5 delete" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
						</td>
					</tr>
					{/foreach}
				</tbody>
			</table>
			<div class="pd-20">{$list|raw}</div>
		</div>
	</div>
</div>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/static/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="/static/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/static/admin/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="/static/admin/logic/curd.js"></script>
<script type="text/javascript">
	$(function (){
		$('.state').each(function (){
			if ($(this).text() == '已启用'){
				$(this).css('background','#5EB95E');
			} else {
				$(this).css('background','#999');
			}
		})
	})
	$('.state').click(function (){
		var id = $(this).attr('uid');
		var _this  = this;
		$.ajax({
			url:'adminstate/'+id,
			type:'get',
			dataType:'json',
			success:function (result){
				layer.msg(result.msg);
				if (result.code == 200){
					if ($(_this).text() == '已启用'){
						$(_this).text('已禁用');
						$(_this).css('background','#999');
					} else {
						$(_this).text('已启用');
						$(_this).css('background','#5EB95E');
					}
				}
			}
		})
	})
	/*
	 参数解释：
	 title	标题
	 url		请求的url
	 id		需要操作的数据id
	 w		弹出层宽度（缺省调默认值）
	 h		弹出层高度（缺省调默认值）
	 */
	// /*管理员-停用*/
	// function admin_stop(obj,id){
	// 	layer.confirm('确认要停用吗？',function(index){
	// 		//此处请求后台程序，下方是成功后的前台处理……
	// 		$(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_start(this,id)" href="javascript:;" title="启用" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a>');
	// 		$(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">已禁用</span>');
	// 		$(obj).remove();
	// 		layer.msg('已停用!',{icon: 5,time:1000});
	// 	});
	// }
	//
	// /*管理员-启用*/
	// function admin_start(obj,id){
	// 	layer.confirm('确认要启用吗？',function(index){
	// 		//此处请求后台程序，下方是成功后的前台处理……
	//
	// 		$(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_stop(this,id)" href="javascript:;" title="停用" style="text-decoration:none"><i class="Hui-iconfont">&#xe631;</i></a>');
	// 		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
	// 		$(obj).remove();
	// 		layer.msg('已启用!', {icon: 6,time:1000});
	// 	});
	// }
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>